﻿
@font-face{ 
	font-family: 'Prompt';
	src: url('fonts/kanit-regular-webfont.eot');
	src: url('fonts/kanit-regular-webfont.eot?#iefix') format('embedded-opentype'),
	     url('fonts/kanit-regular-webfont.woff') format('woff'),
	     url('fonts/kanit-regular-webfont.ttf') format('truetype'),
	     url('fonts/kanit-regular-webfont.svg#webfont') format('svg');
}

@media (max-width: 1170px) and (max-width: 991px) and (min-width: 768px) {
   

}

.mainmenu-area .nav_main_list,
.mainmenu-area nav,
.mainmenu-area nav > div > ul
 {
    background-color: #2c2c52;
}
.mainmenu-area nav button span {
    color: #c5aa73;
}

body
 {
    color: #2b2c51;
}

header .top_header,
.consultation,
.latest_news_sec .news_details:before {
    background: unset;
    background-color: #c5aa73;
}

.top-bar-gradient,
.news:hover .news_details {
    background: unset;
    background-color: #2c2c52;
}

.mainmenu-area .container {
    background: #2c2c52;
}

header .bottom_header .address p, 
header .bottom_header .address .top-info .icon-box span,
header .bottom_header .address p > span {
    color: #c6aa74;
}

.mainmenu-area.stricky-fixed,
.mainmenu-area .container {
    background-color: #2c2c52;
}

.mainmenu-area .find-advisor {
    background-color: #c5aa73;
}


.mainmenu-area.stricky-fixed nav > div a.advisor:after {
    background: #c5aa73;
}

.mainmenu-area.stricky-fixed nav .find-advisor:hover a.advisor:after {
    background: #171B20;
}

.mainmenu-area .find-advisor:before,
footer .top_footer h5:before {
    background: #c5aa73;
}


.mainmenu-area .find-advisor a.advisor
{
    color: #2c2c52;
}

.mainmenu-area .find-advisor:hover a.advisor,
.company_growth_sec .growth_title h2, .our_advisor_inner_sec .advisor_inner_title h2,
.search_container .search_result h2,
.advisor_name .advisor_contact_info ul:nth-child(3) li i {
    color: #c5aa73;
}


.mainmenu-area nav > .nav_main_list ul li a {
    color: #c5aa73;
}

.mainmenu-area nav > .nav_main_list ul li:hover > a {
    color: #fff;
}


footer .top_footer {
    background-color: #252544;
}

footer .top_footer .part1 p:nth-child(3),
footer .top_footer .part2 ul li:hover a {
    color: #c5aa73;
}

.welcome_sec {
    background: #c5aa73;
}

.welcome_details h3 {
    color: #2c2c52;
}

.welcome_details .welcome_info:hover {
    background-color: #2c2c52;
}

.welcome_details .welcome_info:hover h3,
.welcome_details .welcome_info:hover p {
    color: #c5aa73;
}


.testimonial_sec {
    background: none;
    background-color: white;
    height: auto;
}

.testimonial_sec .row {
  padding-top: 0px;
}

.testimonial_sec .company {
    padding-left:15px;
}

.testimonial_sec .company .company-tab {
    margin-top: 0px;
}

.testimonial_sec .company .tab-content p {
    color: #2b2c51;
    padding-bottom: 0px;
}

.testimonial_sec .company .nav li a,
.testimonial_sec .company .tab-content h3 {
    font-family: Prompt;
}

.testimonial_sec .company .nav li a:focus, .testimonial_sec .company .nav li.active a {
    background-color: #c5aa73;
}




/* ### button yello-blue ###*/
button .yello-blue {
    background: #f6ba18;
    color: #fff;
    margin-top: 30px;
}

button.yello-blue i {
    border-left: 1px solid #ffcd47;
}

button.yello-blue i:after {
    background: #d7a41b;
}

button.yello-blue {
    font-family: 'Prompt', sans-serif;
    font-weight: 500;
    padding: 9px 0;
    text-transform: uppercase;
    display: inline-block;
    position: relative;
    line-height: 30px;
    padding-left: 27px;
    border-radius: 3px;
    padding-right: 9px;
    /*font-size: 14px;*/
    border: none;
    outline: none;
    letter-spacing: .03em;
    transition: all .3s ease;
    background: #c5aa73;
    color: #2c2c52;
}

button.yello-blue i {
    padding-left: 15px;
    /*font-size: 1.25em;*/
    padding-right: 7px;
    vertical-align: middle;
    position: relative;
    margin-left: 20px;
    font-size: 16px;
    line-height: 28px;
    transition: all .3s ease;
}

button.yello-blue i:after {
    content: '';
    width: 1px;
    height: 100%;
    position: absolute;
    left: -2px;
    top: 0;
    transition: all .3s ease;
}

button.yello-blue:hover i {
    /*border-color: #282f39;*/
}

button.blue-blue:hover i:after {
    background: transparent;
}

button.yello-blue:hover {
    background: #2c2c52;
    color: #c5aa73;
}

/* ### a red ###*/

a.red {
    background: #d73925;
    color: #fff;
}

a.red i {
    border-left: 1px solid #ac2925;
}

a.red i:after {
    background: #fff;
}

a.red {
    font-family: 'Prompt', sans-serif;
    font-weight: 500;
    padding: 9px 0;
    text-transform: uppercase;
    display: inline-block;
    position: relative;
    line-height: 30px;
    padding-left: 27px;
    border-radius: 3px;
    padding-right: 9px;
    /*font-size: 14px;*/
    border: none;
    outline: none;
    letter-spacing: .03em;
    transition: all .3s ease;
}

a.red i {
    padding-left: 15px;
    /*font-size: 1.25em;*/
    padding-right: 7px;
    vertical-align: middle;
    position: relative;
    margin-left: 20px;
    font-size: 16px;
    line-height: 28px;
    transition: all .3s ease;
}

a.red i:after {
    content: '';
    width: 1px;
    height: 100%;
    position: absolute;
    left: -2px;
    top: 0;
    transition: all .3s ease;
}

a.red:hover i {
    border-color: #fff;
}

a.red:hover i:after {
    background: transparent;
}

a.red:hover {
    background: #ac2925;
}

/* ### button yello-black ###*/

button.yello-black {
    background: #c5aa73;
    color: #2c2c52;
    margin-top: 30px;
}

button.yello-black i {
    border-left: 1px solid #ffcd47;
}

button.yello-black i:after {
    background: #d7a41b;
}

button.yello-black {
    font-family: 'Prompt', sans-serif;
    font-weight: 500;
    padding: 9px 0;
    text-transform: uppercase;
    display: inline-block;
    position: relative;
    line-height: 30px;
    padding-left: 27px;
    border-radius: 3px;
    padding-right: 9px;
    /*font-size: 14px;*/
    border: none;
    outline: none;
    letter-spacing: .03em;
    transition: all .3s ease;
}

button.yello-black i {
    padding-left: 15px;
    /*font-size: 1.25em;*/
    padding-right: 7px;
    vertical-align: middle;
    position: relative;
    margin-left: 20px;
    font-size: 16px;
    line-height: 28px;
    transition: all .3s ease;
}

button.yello-black i:after {
    content: '';
    width: 1px;
    height: 100%;
    position: absolute;
    left: -2px;
    top: 0;
    transition: all .3s ease;
}

    button.yello-black:hover {
        background: #2c2c52;
        color: #c5aa73;
    }

/* ### button green-black ###*/

button.green-black {
    background: #5cb85c;
    color: #fff;
    margin-top: 30px;
}

button.green-black i {
    border-left: 1px solid #4cae4c;
}

button.green-black i:after {
    background: #2b801a;
}

button.green-black {
    font-family: 'Prompt', sans-serif;
    font-weight: 500;
    padding: 9px 0;
    text-transform: uppercase;
    display: inline-block;
    position: relative;
    line-height: 30px;
    padding-left: 27px;
    border-radius: 3px;
    padding-right: 9px;
    /*font-size: 14px;*/
    border: none;
    outline: none;
    letter-spacing: .03em;
    transition: all .3s ease;
}

button.green-black i {
    padding-left: 15px;
    /*font-size: 1.25em;*/
    padding-right: 7px;
    vertical-align: middle;
    position: relative;
    margin-left: 20px;
    font-size: 16px;
    line-height: 28px;
    transition: all .3s ease;
}

button.green-black i:after {
    content: '';
    width: 1px;
    height: 100%;
    position: absolute;
    left: -2px;
    top: 0;
    transition: all .3s ease;
}

button.green-black:hover {
    background: #212832;
}

/* ### button red-black ###*/

button.red-black {
    background: #d9534f;
    color: #fff;
    margin-top: 30px;
}

button.red-black i {
    border-left: 1px solid #d43f3a;
}

button.red-black i:after {
    background: #ac241f;
}

button.red-black {
    font-family: 'Prompt', sans-serif;
    font-weight: 500;
    padding: 9px 0;
    text-transform: uppercase;
    display: inline-block;
    position: relative;
    line-height: 30px;
    padding-left: 27px;
    border-radius: 3px;
    padding-right: 9px;
    /*font-size: 14px;*/
    border: none;
    outline: none;
    letter-spacing: .03em;
    transition: all .3s ease;
}

button.red-black i {
    padding-left: 15px;
    /*font-size: 1.25em;*/
    padding-right: 7px;
    vertical-align: middle;
    position: relative;
    margin-left: 20px;
    font-size: 16px;
    line-height: 28px;
    transition: all .3s ease;
}

button.red-black i:after {
    content: '';
    width: 1px;
    height: 100%;
    position: absolute;
    left: -2px;
    top: 0;
    transition: all .3s ease;
}

button.red-black:hover {
    background: #212832;
}


/* ### button blue-black ###*/
button.blue-black:hover i:after {
    background: transparent;
}

a.blue-black, button.blue-black {
    background: #2c2c52;
    color: #fff;
    margin-top: 30px;
}

a.blue-black i, button.blue-black i {
    border-left: 1px solid #42B8C9;
}

a.blue-black i:after, button.blue-black i:after {
    background: #0A8491;
}

a.blue-black, button.blue-black {
    font-family: 'Prompt', sans-serif;
    font-weight: 500;
    padding: 9px 0;
    text-transform: uppercase;
    display: inline-block;
    position: relative;
    line-height: 30px;
    padding-left: 27px;
    border-radius: 3px;
    padding-right: 9px;
    /*font-size: 14px;*/
    border: none;
    outline: none;
    letter-spacing: .03em;
    transition: all .3s ease;
}

a.blue-black i, button.blue-black i {
    padding-left: 15px;
    /*font-size: 1.25em;*/
    padding-right: 7px;
    vertical-align: middle;
    position: relative;
    margin-left: 20px;
    font-size: 16px;
    line-height: 28px;
    transition: all .3s ease;
}

a.blue-black i:after, button.blue-black i:after {
    content: '';
    width: 1px;
    height: 100%;
    position: absolute;
    left: -2px;
    top: 0;
    transition: all .3s ease;
}

a.blue-black:hover i, button.blue-black:hover i {
    /*border-color: #282f39;*/
}

a.blue-black:hover i:after, button.blue-black:hover i:after {
    background: transparent;
}

a.blue-black:hover, button.blue-black:hover {
    background: #212832;
}

/*############################*/


.glyphicon.spinning {
    animation: spin 1s infinite linear;
    -webkit-animation: spin2 1s infinite linear;
}

@keyframes spin {
    from {
        transform: scale(1) rotate(0deg);
    }

    to {
        transform: scale(1) rotate(360deg);
    }
}

@-webkit-keyframes spin2 {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}


.form-control {
    font-size: 16px;
}

h1, h2, h3, h4, h5, h6, label, td, button, a, p, span, .page-login h2, .error_page_container a, .sweet-alert button, .history_sec h2, .history_sec h3,
.our_advisor_inner_sec .advisor_inner_title h2, .me-fin-banner .banner-h1, .page-news .search_container .search_result h2, .page-memlogin {
    font-family: 'Prompt', sans-serif;
}

.mainmenu-area .find-advisor a.advisor {
    font-family: 'Prompt', sans-serif;
}

.get_touch form button.submit, .consultation a {
    font-family: 'Prompt', sans-serif;
    font-size: inherit;
}

.mainmenu-area.stricky-fixed {
    z-index: 1040;
}

.mainmenu-area nav > .nav_main_list ul li a {
    font-family: 'Prompt', sans-serif;
    font-size: 1.1em;
}

.mainmenu-area .find-advisor a > .advisor {
    font-family: 'Prompt', sans-serif;
    font-size: 1.35em;
}

.page-main .welcome_sec {
    padding-top: 20px;
    padding-bottom: 30px;
    height: auto;
}

.page-whymake .welcome_sec, .page-insurecomp section, .page-slidehome section, .page-newsdetail section {
    padding-top: 80px;
    padding-bottom: 30px;
    height: auto;
    background: #f7f8fa
}

.page-whymake .welcome_details {
    margin-top: 0;
}

.page-main .check_prem .welcome_sec {
    background: #2c2c52;
    padding-top: 28px;
    padding-bottom: 28px;
}

.page-main .welcome_details {
    margin-top: 10px;
}

.page-main .welcome_sec h2, .our_partner h2, .latest_news_sec h2 {
    font-family: 'Prompt', sans-serif;
    text-align: left;
}

.page-main .check_prem .welcome_sec h2 {
    color: white;
}

.page-main .get_touch form {
    margin-top: 20px;
}

.page-main .partner_touch_sec {
    background: url(../images/get-bg.jpg) no-repeat center;
    padding-top: 25px;
    padding-bottom: 20px;
}

.get_touch form input[type='checkbox'] {
    height: auto;
}

.page-main .get_touch form select {
    height: 46px;
    border: 1px solid #eaeaea;
    border-radius: 0;
    background: #fff;
    color: #6c6c6c;
}


.get_touch form button.submit i {
    color: #282f39;
    border-color: #282f39;
}

.get_touch form button.submit i:after {
    background: transparent;
}

.get_touch form button.submit {
    background: #F6BA18;
    color: #282f39;
    margin-top: 30px;
}

.get_touch form button.submit:hover {
    background: #12a0b1;
    color: #fff;
}

.get_touch form button.submit:hover i {
    border-left: 1px solid #42B8C9;
}

.get_touch form button.submit:hover i:after {
    background: #0A8491;
}

.page-main .latest_news_sec h2 {
    margin-top: 40px;
}

.page-footer .consultation p {
    font-family: 'Prompt', serif;
}

.page-footer form input {
    border: 1px solid #eaeaea;
    border-radius: 0;
    background: #fff;
    color: #6c6c6c;
}

.page-main .get_touch form input {
    margin-top: 0;
}

.banner_info_about > h1 {
    font-family: 'Prompt', sans-serif;
}

.text-yellow {
    color: #c6aa74;
}

.text-blue {
    color: #2b2c51;
}

.text-red {
    color: #d43f3a;
}

.text-green {
    color: #5cb85c;
}

.modal-header {
    background-color: #2c2c52;
    color: white;
}

.page-news .search_container .search_result {
    padding-top: 40px;
}


.page_contact .container .row {
    padding-top: 40px;
}

.page_contact .container .row .map {
    margin-top: -100px;
}

.page_contact .advisor_name .advisor_contact_info h4 {
    font-family: 'Prompt', sans-serif;
    font-size: 1.45em;
    color: #c5aa73;
    padding-bottom: 0;
}

.page_contact .advisor_name .advisor_contact_info {
    padding-left: 0;
}

.page_contact .advisor_name .advisor_contact_info h4:first-child:before {
    content: '';
    /*width: 475px;*/
    height: 0;
    background: #f6ba18;
    position: absolute;
    bottom: 0;
}

.page_contact .advisor_name .advisor_contact_info p {
    padding: 0 0;
}

.page_contact .advisor_name .advisor_contact_info ul:nth-child(3) li {
    display: block;
}

.page_contact .advisor_name .advisor_contact_info ul:nth-child(3) li:last-child {
    margin-left: 0;
}


.page_contact .contact_us_container {
    padding-top: 0;
}

.page_contact .contact_us_container .form_holder {
    margin-top: 0;
    padding-right: 20px;
}

.page_contact .advisor_contact_info ul:nth-child(3) li a, .advisor_name .advisor_contact_info ul:nth-child(3) li {
    font-family: 'Prompt', serif;
}

.page_contact .contact_us_container .form_holder textarea {
    height: 150px;
}

.page_contact .contact_us_container .form_holder button {
    font-family: 'Prompt', sans-serif;
    font-size: 0.975em;
}

.error_page_container {
    background: url(../images/bg.jpg) no-repeat center;
    height: 582px;
}

.page-login .error_page_container h2 {
    font-weight: 100;
    font-size: 2.725em;
}

.checkbox input {
    width: 20px;
    height: 20px;
}

.checkbox span {
    margin-bottom: 0;
    font-size: 14px;
}

.form_lg input, .form_lg textarea {
    background: #fdfdfe;
    border: 1px solid #ececec;
    border-radius: 0;
    outline: none;
    margin-top: 20px;
    padding-left: 20px;
    color: #8C8C8C;
    box-shadow: none;
}

.form_lg input {
    height: 50px;
}

.page-checkcar, .page-carcompare, .page-buyinsure, .page-payment, .page-memlogin {
    margin-top: 65px;
    background: #f7f8fa;
}

.pol-box {
    background: #fff;
    border: 1px solid #e5e5e5;
    margin-top: 30px;
    padding: 20px;
}

.page-checkcar .filter-btn {
    z-index: 1040;
    position: fixed;
    bottom: 10px;
    left: 10px;
}

.page-checkcar .compare-btn {
    z-index: 1040;
    position: fixed;
    bottom: 10px;
    left: 200px;
}

.page-checkcar .preorder-btn {
    z-index: 1040;
    position: fixed;
    bottom: 10px;
    left: 490px;
}


.page-carcompare .quotation-btn {
    z-index: 1040;
    position: fixed;
    bottom: 10px;
    left: 180px;
}


.page-carcompare .back-btn, .page-buyinsure .back-btn{
    z-index: 1040;
    position: fixed;
    bottom: 10px;
    left: 10px;
}




.page-insurecomp, .main-inscomp {
    background-color: #f5f5f5;
}

.insurecomp-box, .slidehome-box {
    background: #fff;
    border: 1px solid #e5e5e5;
    margin-top: 30px;
    padding: 10px;
    text-align:center;
}

.insurecomp-box .btn {
    margin-bottom: -40px;
}

.company_growth_sec .growth_title h2, .our_advisor_inner_sec .advisor_inner_title h2 {
    margin-top: 30px;
    margin-bottom: 0;
}

.company_growth_sec .growth_title h2:before, .our_advisor_inner_sec .advisor_inner_title h2:before,
.me-fin-banner .banner-border span, 
.welcome_details h3:before, 
.get_touch h2:before, 
.our_partner h2:before,
.latest_news_sec h2:before,
.banner_info_about h1:before,
.search_container .search_result h2:before, .no_result_show h2:before {
    /*background-color:white;*/
    display:none;
}

footer .top_footer .part2_1 a {
    font-size: 0.875em;
    color: #797a7c;
    margin-top: 14px;
    display: block;
    transition: all .3s ease;
}

    footer .top_footer .part2_1 a:hover {
        color: #c5aa73;
    }

footer .top_footer .part2_1 a {
    font-size: 0.875em;
    color: #797a7c;
    margin-top: 14px;
    display: block;
    transition: all .3s ease;
}


.table {
    font-size: 14px;
}

td:nth-of-type(1):before {
    content: "";
}

td:nth-of-type(2):before {
    content: "";
}

td:nth-of-type(3):before {
    content: "";
}

td:nth-of-type(4):before {
    content: "";
}

td:nth-of-type(5):before {
    content: "";
}

td:nth-of-type(6):before {
    content: "";
}

header .top_header .container .float_right a {
    color: #2b2c51;
    font-size: 0.875em;
}
header .top_header .container .float_right a:hover {
	color: #fff;
}

.card {
    background-color: white;
    border: 1px solid #e5e5e5;
    padding: 2px 16px;
}

.card-head {
    text-align: center;
    background-color: #337ab7;
}

.card-body {
    padding: 10px;
}

#_td {
    border-top: 0px solid #ddd;
}

#_tr {
    background-color: #ffffff;
}